$(function () {
    setCuisineData();
});

function setCuisineData() {
    let html = '';
    $.getJSON("../json/cuisine.json", {}, function (res) {
        let data = res.data;
        for (let i = 0; i < data.length; i++) {
            html += '<div id="cuisine' + data[i].id + '" onclick="getProductByCuisineId(' + data[i].id + ')">' + data[i].name + '</div>';
        }
        $("#cuisine").html(html);
        let productId = sessionStorage.getItem("productId");
        console.log(productId);
        // js怎么拿到数据类型？
        // let aa="null";

        if (productId != "null") {
            getProductDetailById(productId);
            sessionStorage.setItem("productId", null);
        }
        // 如果菜系id有值，则根据菜系id设置背景颜色
        let cuisineId = sessionStorage.getItem("cuisineId");
        console.log(cuisineId);
        if (cuisineId != "null") {
            $("#cuisine>div").removeClass("have-background");
            $("#cuisine" + cuisineId).addClass("have-background");
        }
    });
    // $.ajax({
    //     url:'',
    //     data:'',
    //     type:'',
    //     async:false,//异步
    //     dataType:'',
    //     success:function (data) {
    //
    //     }
    // })
//   $.getJSON和$.ajax 异步传递  可以将异步关闭
}

function getProductByCuisineId(id) {
    //菜系id
    console.log(id);
    // 先判断当前页面是产品页面还是产品详细页面，如果是产品详细页面则跳转页面
    if (sessionStorage.getItem("cuisineId") != "null") {
        sessionStorage.setItem("cuisineId", id);
        location.href = "product.html";
    } else {
        // $("#cuisine>div").removeAttr("style");
        $("#cuisine>div").removeClass("have-background");
        $("#cuisine" + id).addClass("have-background");
        // $("#cuisine" + id).css({"background-color": "rgb(230, 145, 55)", "color": "white"});
//    根据当前id点击设置具体菜系的名单
        $.getJSON("../json/productNews.json", {}, function (data) {
            data = data.data;//拿到所有数据,是数组
            $.each(data, function (infoIndex, info) {
                if (id == info.id) {
                    setProudctData(info.data);
                }
            });

        });
    }


}



